<template>
	<view>
		<!-- 未登录 -->
		<template v-if="!islogin">
			<view class="home-title uni-flex">
				登录Samile life，体验更多功能！
			</view>
			<!-- 第三方登录 -->
			<other-login></other-login>
			
			<!-- 账号密码登录 -->
			<view class=" uni-flex" @tap="openLogin">
				账号密码登录 <view class="icon iconfont icon-jinru"></view>
			</view>
		</template >
			
		<!-- 已登录 -->
		<template v-else>
			<home-info :homeinfo="homeinfo"></home-info>
		</template>
		
		<!-- 数据 -->
		<home-data :homedata="homedata"></home-data>
		
		<!-- 广告位 -->
		<view class="home-adv u-f-ajc">
			<image src="../../static/demo/demo20.jpg" mode="widthFix" lazy-load></image>
		</view>
		
		<!-- 功能列表 -->
		<view class="home-list">
			<block v-for="(item,index) in list" :key="index">
				<home-list-item :item="item" :index="index"></home-list-item>
			</block>
		</view>
		
		
	</view>
</template>

<script>
	import homeListItem from "../../components/home/home-list-item.vue"
	import homeInfo from "../../components/home/home-info.vue"
	import otherLogin from "../../components/home/other-login.vue"
	import homeData from "../../components/home/home-data.vue"
	
	export default {
		components:{
			homeListItem,
			homeInfo,
			otherLogin,
			homeData
		},
		data() {
			return {
				islogin:true,
				list:[
					{icon:"liulan",name:"浏览历史",clicktype:"",url:""},
					{icon:"huiyuanvip",name:"官方认证",clicktype:"",url:""},
					{icon:"keyboard",name:"审核糗事",clicktype:"",url:""}
				],
				homeinfo:{
					userpic:"../../static/demo/userpic/10.jpg",
					username:"帅宝",
					totalnum:6,
					todaynum:18
				},
				homedata:[
					{name:"糗事",num:0},
					{name:"动态",num:0},
					{name:"评论",num:0},
					{name:"收藏",num:0}
				]
				
				
			}
		},
		onNavigationBarButtonTap(e) {
			if(e.index==0){
				uni.navigateTo({
					url: '../user-set/user-set'
				}); 
			}
		},
		methods: {
			openLogin(){
				uni.navigateTo({
					url: '../login/login'
				});
			},
			
			
			
		}
	}
</script>

<style>
	
.uni-flex{
	display: flex;
	justify-content: center;
	align-items: center;
}
/* 数据、广告 功能 */

.home-adv{
	padding: 15upx 6upx;
}
.home-adv>image{
	border-radius: 20upx;
	height: 150upx;
}

.home-list{
	padding: 0 50upx;
}
.other-login[data-v-111636fd]{
	margin-left: 8%;
}




</style>
